<script setup>
//子组件接收父组件中的数据
//宏函数（不用导入，直接使用）defineProps
//直接接收父组件的数据，没加校验
//defineProps(['msg'])
/* //如果使用defineProps加类型校验，就得改成对象的写法
defineProps({
    msg: {
        type: String,
        required: true
    }
}) */
//如果接收的props的数据想在js逻辑中使用，需要声明一个变量接收defineProps，就是下行左侧props
const props = defineProps({
    msg: {
        type: String,
        required: true
    }
})
console.log(props.msg)
</script>

<template>
  <div class="son">
    <h2>子组件</h2>
    <p>接收的props: {{ msg }}</p>
  </div>
</template>

<style scoped>
.son {
    width: 100px;
    height: 100px;
    border: 1px solid lightblue;
}
</style>